<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>教练列表</title>
	<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../css/louis.css">
	<script type="text/javascript" src="../js/static/jquery.min.js"></script>
	<script type="text/javascript" src="../js/static/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../js/louis.js"></script>
</head>
<body>
<div class="right-contain">
	<!--面包屑-->
	<div class="nav-box">
		<a href="">教练管理</a> > <span>教练列表</span>
	</div>
	<!--选择状态-->
	<div class="list-choose box-shadow">
		<ul class="clearfix">
			<li>
				<div class="input-moni" style="width: 72px;">
					<em>性别</em><span class="toggle-arrow"></span>
					<div class="rc-select-dro pdown none">
						<ul>
							<li>男</li>
							<li>女</li>
						</ul>
					</div>
				</div>
			</li>
			<li>
				<div class="input-moni" style="width: 100px;">
					<em>授课城市</em><span class="toggle-arrow"></span>
					<div class="rc-select-dropdown none">
						<ul>
							<li>上海</li>
							<li>北京</li>
						</ul>
					</div>
				</div>
			</li>
			<li>
				<div class="input-moni" style="width: 120px;">
					<em>感兴趣科目</em><span class="toggle-arrow"></span>
					<div class="rc-select-dropdown none">
						<ul>
							<li>跳舞</li>
							<li>走路</li>
							<li>走路走路走路路</li>
						</ul>
					</div>
				</div>
			</li>
			<li>
				<input class="input-moni input-moni-t" type="text" placeholder="昵称" value="" />
			</li>
			<li>
				<div class="input-moni" style="width: 110px;">
					<em>是否已认证</em><span class="toggle-arrow"></span>
					<div class="rc-select-dropdown none">
						<ul>
							<li>已认证</li>
							<li>未认证</li>
						</ul>
					</div>
				</div>
			</li>
			<li>
				<input class="btn-5faee3" type="button" name="" id="" value="搜索" />
			</li>
		</ul>
	</div>
	<!--课程表-->
	<div class="box-shadow mt-20">
		<table class="table-list" border="0" cellspacing="0" cellpadding="0">
			<thead>
				<tr>
					<th width="85">&nbsp;</th>
					<th>头像</th>
					<th>昵称</th>
					<th>性别</th>
					<th>年龄</th>
					<th>手机号</th>
					<th>是否已认证</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><input type="checkbox" name="" id="" value="" /></td>
					<td><img src="../images/man.jpg" width="36" height="36"/></td>
					<td>Grace he</td>
					<td>女</td>
					<td>26岁</td>
					<td>13859685968</td>
					<td>已认证</td>
					<td><span class="btn-border dialogShow">教练详情</span></td>
				</tr>
				<tr>
					<td><input type="checkbox" name="" id="" value="" /></td>
					<td><img src="../images/man.jpg" width="36" height="36"/></td>
					<td>Grace he</td>
					<td>女</td>
					<td>26岁</td>
					<td>13859685968</td>
					<td>未认证</td>
					<td><span class="btn-border dialogShow">教练详情</span></td>
				</tr>
			</tbody>
		</table>
	</div>
	<!--添加到组-->
	<ul class="add-city clearfix">
		<li>
			<div class="input-moni">
				<em>添加到组</em>+
				<div class="rc-select-dropdown none">
					<ul>
						<li>健身计划</li>
						<li>减肥计划</li>
						<li>饮食计划</li>
					</ul>
				</div>
			</div>
		</li>
	</ul>
	<!--分页-->
	<script type="text/javascript" src="../js/kkpage.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/kkpage.css"/>
	<div class="pagelist box-shadow clearfix">
		<div id="kkpager"></div>
	</div>
	<!--弹出框-->
	<div class="dialog dialog1"style="margin-left: -237.5px;margin-top: -203px;">
		<div class="dialog-con">
			<div class="teacher-info">
				<div class="dialog-title">基本信息<span class="close dialogOut"><img src="../images/close.png"/></span></div>
				<dl class="list">
					<dd>年龄：26岁     </dd>
					<dd>授课城市：上海市</dd>
					<dd>感兴趣科目：时尚舞蹈/传统舞蹈</dd>
					<dd>真实姓名：张三</dd>
					<dd>生日：1988-12-15</dd>
					<dd>手机：136358</dd> 
					<dd>个性签名：这个人很懒</dd>
				</dl>
				<div class="img">
					<img src="../images/man2.jpg">
					<p>昵称</p>
				</div>
				<p style="clear: both;"></p>
			</div>
			<div class="dialog-title mt-20" style="padding-left: 20px;margin-bottom: 10px;">基本信息</div>
			<table class="dialog-table" border="0" cellspacing="0" cellpadding="0">
				<tr bgcolor="f1f1f1">
					<th>课程/专业</th>
					<th>学校/机构</th>
					<th>起止时间</th>
					<th>证书资质</th>
				</tr>
				<tr>
					<td>瑜伽培训</td>
					<td>莱美学院</td>
					<td>2012.6-2013.9</td>
					<td>证书资质</td>
				</tr>
				<tr>
					<td>瑜伽培训</td>
					<td>莱美学院</td>
					<td>2012.6-2013.9</td>
					<td>证书资质</td>
				</tr>
			</table>
		</div>
	</div>
	<!--弹出框-->
</div>
</body>
</html>